.con{position: absolute; z-index: 0; top:3%; right:2%; width:12%;}
button{width:60px; height:auto;float: left; background:none; border:none; margin-top:-13%;}
button:hover{background-color: #f5f5f5;}
.rightNav span{display: inline-block; width: 96%; height: 50px; margin-left: 2%;color: #f6f6f6; line-height: 50px; transition:0.4s; text-align: center;}
.rightNav span:hover{background-color: #f5f5f5;color: #444 !important;}
.rightNav span:hover a{color: #444 !important;}
.bgDiv{width: 100%; height: 100%; position:fixed; display: none; z-index: 99; bottom: 0;}
.leftNav{width: 50%; max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999; top: 0; left: -50%;}
.rightNav{width: 50%; max-width: 400px; height: 100%; background:rgba(0,0,0,0.8); position: fixed; z-index: 999; top: 0; right: -50%;}
.upNav{width: 100%; height: 40%; background-color: #fff; position: fixed; z-index: 999; top: -40%;}
.downNav{width: 100%; height: 40%; background-color: #fff; position: fixed; z-index: 999; bottom: -40%;}